草庐IT

CSS 背景

全部标签

javascript - CSS 动画不会在 jQuery 中的 addClass 上触发

我有一个非常奇怪的问题。我在jQuery中从JSON加载文章,当它们加载时,我想为每个动态元素添加一个“动画”类。$.each(jsonArticles,function(i,article){var$articleHTML=$(''+''+''+article.reviewTitle+''+''+article.reviewSummary+''+'');$articles.append($articleHTML).find("article").addClass("animate");});所有这一切都很好,在Firebug中检查显示该类已成功添加到每个文章标签。但是,当尝试在文章上

javascript - 在 webpack 的 css 和 js 文件中更新 chunkhash

我在输出中只有JS文件,而我使用ExtractTextPlugin提取Css文件。它们的名称中都有chunkhash。我的问题是只有在对JS进行更改时才会创建新的chunkhash并且不是CSS。我也想要新的chunkhash来更改Css文件。在我的webpack.config.js文件中。varwebpack=require("webpack");varHtmlWebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require("extract-text-webpack-plugin");module.e

javascript - 如何使用 javascript 激活 CSS3 (webkit) 动画?

我真的卡住了。我想要我创建的CSS动画(如下)在单击div时激活。我认为我能做到的唯一方法是使用javascript创建一个onClick事件。但是我不知道如何运行/引用我的css文件中的动画。谁能帮帮我?这是我的css文件中的动画,我想通过单击一个div来运行它。@-webkit-keyframescolorchange{0%{background-color:red;opacity:1.0;-webkit-transform:scale(1.0)rotate(0deg);}33%{background-color:blue;opacity:0.75;-webkit-transfor

javascript - 覆盖黄色自动填充背景

经过长时间的努力,我终于找到了在每个浏览器中清除自动填充样式的唯一方法:$('input').each(function(){var$this=$(this);$this.after($this.clone()).remove();});但是,我不能只在windowload事件中运行它;在那之后的某个时间应用自动填充。现在我使用100毫秒的延迟作为解决方法://Killautofillstyles$(window).on({load:function(){setTimeout(function(){$('.text').each(function(){var$this=$(this);

javascript - CSS "mix-blend-mode"测试

我想使用CSS的属性:mix-blend-mode:soft-light;我将通过Modernizr测试回退blabla...测试:Modernizr.mixblendmode//undefinedModernizr.testProp('mixblendmode');//falseModernizr.addTest('mixblendmode');//no-mixblendmode我错过了什么?已在Firefox上测试,CSS可以正常工作,但如何使用Modernizr进行测试? 最佳答案 知道了:Modernizr.addTest(

javascript - 使用 css 定位器在 Protractor 中定位第二个、第三个、第四个……第八个元素

我一直在使用Protractor进行测试,除了通过css之外无法引用该元素,因为它只具有给定的类属性。问题是有超过7个元素具有此类名称。因此我使用语法element.all(by.css('h4.ng-binding')).first();对于第一个,它工作正常,但对于其他人,它不起作用!我使用与第一个逻辑相同的逻辑。这是我的代码片段,供其他人找到它们。element.all(by.css('h4.ng-binding')).second();element.all(by.css('h4.ng-binding')).third();element.all(by.css('h4.ng-b

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - JQuery DatePicker 背景色

我正在使用来自linktext在我的asp.net页面上。但是,日期选择器的背景颜色是白色。我不确定如何更改它。(更改为默认颜色)我的asp.net页面背景页面是白色的,可能是因为那个?任何帮助都会得到帮助。谢谢。 最佳答案 控件的背景格式来自.ui-widget-contentCSS类。假设您只想应用到日期选择器而不是其他控件,您需要这样的东西:.ui-datepicker.ui-widget-content{background:#999none;}如果您想更改所有控件的背景颜色,只需在您的CSS中找到现有的.ui-widget

javascript - 可以在 Javascript 中控制 CSS 溢出滚动条吗?

我有一个div类overflow:auto;有没有办法在它出现时控制这个滚动条?我有一个ajax照片库(没有页面刷新),其中一些标题文本位于div中,但内容的长度不同。如果您在此div中向下滚动然后前进到下一张幻灯片,则滚动条不会回到顶部。所以,我想知道是否有办法控制这个滚动条。谢谢。 最佳答案 使用jQuery,您可以像这样设置滚动区域的顶部:$('#contents').scrollTop(0);Here'sademoshowingthisinaction->请注意,这在没有jQuery的情况下也是可能的:document.ge

javascript - 使用 Javascript 列出已知的 CSS 类

我正在尝试找到一种好方法来收集给定文档中包含的样式表中定义的类的名称。我知道document.StyleSheetList但它似乎并不容易解析。我正在寻找的是类似样式表文档的内容,例如:.my_class{background:#fff000;}.second_class{color:#000000;}我可以提取像["my_class","second_class"]这样的数组。这显然假设了一个完全加载的dom和样式表的有利场景。我一直在到处寻找做这样的事情的好方法,但到目前为止,进展甚微。有谁知道如何解决这个问题?谢谢! 最佳答案